<template>
<div class="home">
  <div class="top" id="top">

  </div>
  <div class="top" id="bottom">

  </div>
</div>
</template>

<script lang="ts">
export default {
  name: "home"
}
</script>

<script setup lang="ts">
import {onMounted, ref} from "vue"
import {ums_stat_stat} from '@/api/ums'
import {bar, line} from '@/utils/echart'

const data = ref()



onMounted( () => {
  ums_stat_stat().then(res => {
    line(res.data, "top")
    bar(res.data, "bottom")
  })
} )
</script>

<style scoped lang="scss">
.home{
  height: 100%;
  display: flex;
  flex-direction: column;
  //align-items: center;
  justify-content: space-between;
  align-content: space-between;
  background: rgba(204, 204, 204, 0.54);
  border-radius: 16px;
  box-sizing: border-box;
  padding: 20px;
}
.top{
  width: 100%;
  height: 35vh;

}
</style>
